<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/conmn.css">
    <link rel="stylesheet" href="./css/ShoppingCart.css">
</head>
<body>
    <!-- 顶部 -->
    <div class="top">
        <div class="typepage cr topb">
            <img src="./img/04-购物车_02.jpg" alt="">
            <p class="fl topp1">legochina.cn</p>
            <p class="topp fr">欢迎光临<a href="index.html">乐购</a>，请<a href="landingpPage.html">登陆</a>\<a href="from.html">注册</a></p>
        </div>
    </div>

    <!-- 顶部搜索 -->
    <form action="" class="typepage cr">
        <div class="fobox fr">
            <input type="text" placeholder="设计中的设计&emsp;原研哉"><button class="fobtn"></button>
            <p>配送至：
                <select name="" id="">
                    <option value="">成都高新区三环内</option>
                </select>
            </p>
        </div>
    </form>

    <!-- 全部商品 -->
    <div class="qbsp typepage">全部商品(2)</div>

    

    <!-- 线 -->
    <div class="hx typepage"></div>


    <!-- 商品选择 -->
    <div class="spxz typepage">
        <section id="cartbox" class="legou-container">
            <table>
              <thead>
                <tr class="tcenter">
                  <td><input type="checkbox" class="selectall"/>全选</td>
                  <td>商品</td>
                  <td>单价</td>
                  <td>数量</td>
                  <td>小计</td>
                  <td>操作</td>
                </tr>
                
                
              <tbody>
                <tr>
                  <td class="tcenter"><input type="checkbox" class="singlechk" /></td>
                  <td>
                    <img src="./img/23353342-1_l.jpg" alt="" />
                    从你的全世界路过
                  </td>
                  <td class="tcenter dj">41.00</td>
                  <td class="tcenter inpbox" >
                    <div>
                        <button type="button" class="jian">-</button>
                        <input type="text" value="1" class="inpu">
                        <button type="button" class="jia">+</button>
                    </div>
                  </td>
                  <td class="tcenter xj">41.00</td>
                  <td class="tcenter">
                    <a class="scan"> 删除</a>
                  </td>
                </tr>
                <tr>
                  <td class="tcenter"><input type="checkbox" class="singlechk"/></td>
                  <td>
                    <img src="./img/23353342-1_l.jpg"  alt="" />
                    从你的全世界路过
                  </td>
                  <td class="tcenter dj" >41.00</td>
                  <td class="tcenter inpbox">
                      <div>
                          <button type="button" class="jian">-</button>
                          <input type="text" value="1" class="inpu">
                          <button type="button" class="jia">+</button>
                      </div>
                  </td>
                  <td class="tcenter xj">41.00</td>
                  <td class="tcenter" >
                    <a class="scan"> 删除</a>
                  </td>
                </tr>
              </tbody>
              <tfoot>
                <tr>
                  <td class="tcenter"><input type="checkbox" class="selectall"/>全选</td>
                  <td>
                    <a id="scxz">删除选中商品</a>
                  </td>
                  <td colspan="2">已选择<span id="zsh">0</span>件商品</td>
      
                  <td style="width: 140px;">总价<span id="zjg">0.00</span></td>
                  <td class="tcenter">
                    <a href="Placinganorder.html" id="qjs"> 去结算</a>
                  </td>
                </tr> 
              </tfoot>
            </table>
          </section>
    </div>


    


    <!-- 猜我喜欢 -->
    <div class="rq typepage">
        <div class="toprq">
            <p>猜你喜欢</p>
        </div>
        <ul class="cr">
            <li>
                <img src="./img/22935553-1_l.jpg" alt="" style="margin-top: 3px;">
                <img src="./img/02-产品列表_07.png" alt="" class="baze">
                <p>白夜行&emsp;东野上吾</p>
                <img src="./img/02-产品列表_06.png" alt="" class="xin">
                <p class="jg">￥：38&emsp;<span>￥：58</span></p>
            </li>

            <li>
                <img src="./img/22935553-1_l.jpg" alt="" style="margin-top: 3px;">
                <img src="./img/02-产品列表_07.png" alt="" class="baze">
                <p>白夜行&emsp;东野上吾</p>
                <img src="./img/02-产品列表_06.png" alt="" class="xin">
                <p class="jg">￥：38&emsp;<span>￥：58</span></p>
            </li>

            <li>
                <img src="./img/22935553-1_l.jpg" alt="" style="margin-top: 3px;">
                <img src="./img/02-产品列表_07.png" alt="" class="baze">
                <p>白夜行&emsp;东野上吾</p>
                <img src="./img/02-产品列表_06.png" alt="" class="xin">
                <p class="jg">￥：38&emsp;<span>￥：58</span></p>
            </li>

            <li>
                <img src="./img/22935553-1_l.jpg" alt="" style="margin-top: 3px;">
                <img src="./img/02-产品列表_07.png" alt="" class="baze">
                <p>白夜行&emsp;东野上吾</p>
                <img src="./img/02-产品列表_06.png" alt="" class="xin">
                <p class="jg">￥：38&emsp;<span>￥：58</span></p>
            </li>

            <li>
                <img src="./img/22935553-1_l.jpg" alt="" style="margin-top: 3px;">
                <img src="./img/02-产品列表_07.png" alt="" class="baze">
                <p>白夜行&emsp;东野上吾</p>
                <img src="./img/02-产品列表_06.png" alt="" class="xin">
                <p class="jg">￥：38&emsp;<span>￥：58</span></p>
            </li>
        </ul>
    </div>
    


    <!-- 底部图片 -->
    <div class="tupian typepage">
        <img src="./img/02-产品列表_08.jpg" alt="">
    </div>



     <!-- 线 -->
     <div class="xian">
    </div>


    <!-- 底部图标 -->
    <div class="bttb">
        <ul class="typepage cr">
            <li style="margin-left: 220px;">
                <img src="./img/222_11.png" alt="">
            </li>

            <li>
                <img src="./img/222_13(1).png" alt="">
            </li>

            <li>
                <img src="./img/222_15.png" alt="">
            </li>

            <li>
                <img src="./img/222_17.png" alt="">
            </li>
        </ul>
    </div>


    <!-- 底部 -->
    <div class="typepage bottom">
        <div class="bottop" >
            <ul style="margin-left: 178px;">
                <li><h3>购物指南</h3></li>
                <li>
                    <a href="">购物流程</a>
                </li>
                <li>
                    <a href="">发票制度</a>
                </li>
                <li>
                    <a href="">账户管理</a>
                </li>
                <li>
                    <a href="">会员优惠</a>
                </li>
            </ul>


            <ul>
                <li><h3>支付方式</h3></li>
                <li>
                    <a href="">货到付款</a>
                </li>
                <li>
                    <a href="">网上支付</a>
                </li>
                <li>
                    <a href="">礼品卡支付</a>
                </li>
                <li>
                    <a href="">银行转账</a>
                </li>
            </ul>


            <ul>
                <li><h3>订单配送</h3></li>
                <li>
                    <a href="">订单配送查询</a>
                </li>
                <li>
                    <a href="">订单状态说明</a>
                </li>
                <li>
                    <a href="">自动取消订单</a>
                </li>
                <li>
                    <a href="">自动支付取消</a>
                </li>
            </ul>


            <ul>
                <li><h3>退换货</h3></li>
                <li>
                    <a href="">退换货政策</a>
                </li>
                <li>
                    <a href="">自主申请退货</a>
                </li>
                <li>
                    <a href="">退货进度查询</a>
                </li>
                <li>
                    <a href="">退货的方式和时间</a>
                </li>
            </ul>
            

            <ul>
                <li><h3>商家服务</h3></li>
                <li>
                    <a href="">商家中心</a>
                </li>
                <li>
                    <a href="">运营服务</a>
                </li>
                <li>
                    <a href="">加入唯品会</a>
                </li>
            </ul>

            <ul>
                <li><img src="./img/logo_00.png" alt=""></li>
            </ul>
        </div>
    </div>

    <!-- 最底部图片 -->
    <div class="typepage">
        <img src="./img/01-首页_03.jpg" alt="">
    </div>




    <script src="./js/轮播js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="./js/comon.js"></script>
    <script src="./js/ShoppingCart.js"></script>
</body>
</html>